﻿

/*MENU*/

#divMenu {

    text-align: center;
    background:url(bg.png) repeat-x top left;
}
.menu {
    
    margin: 0 auto;
}

.menu ul {
    
list-style-type:none;
display:block;
height:33px;
font-size:1em;
background:url(bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
}

.menu li {
    cursor : pointer;
display:block;
float:left;
margin-left:1.5em;
padding:0;
}

.menu li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
font-weight:normal;
}

.menu li a:hover,
.menu .active {
color:#fff;
background:url(images/bg.png) repeat-x top left;
text-decoration:none;
}

.menu .active a {
color:#fff;
font-weight:700;
}


.menu ul{
color:#fff;
}
.menu li a:hover, 
.menu li.active {
color:#fff;
}
/*END OF MENU*/

.title {

    font-family:Verdana;
    margin-left:0.5em;
    padding-top:0.5em;

}

.titlePage {

    font-family:Verdana;
    margin-left:0.5em;
    padding-bottom:1em;
}

.pSearch, .pPersons, .pEdit {

    margin-top:1em;
    margin-left:0.5em;
    font-family:Verdana;
    font-size:1em;
    font-weight:bold;

}

.pSearch{

    margin-left:2.15em;
    margin-bottom:2em;

}

.pEdit {

    margin-left:2.15em;
    margin-bottom:1em;

}

.lblCreateUser, .lblCreateTestGroup, .lblSearchUser, .lblEditUser, .lblEditTestGroup {

    margin-left:2.2em;

}

.lblEditPassword {

    margin-left:8.5em;

}

.lblEditUserTestgroup {

    margin-left:8em;

}


.lblCreatedUsed, .lblCreatedTestGroup {

    font-family:Verdana;
    font-size:0.8em;
    font-weight:bold;

}

.tbxCreateUser, .tbCreateTestGroup, .tbxSearchUser, .tbxEditUser, .ddlEditTestGroup, .tbxEditTestGroup  {

    margin-left:2.5em;
    width:15em;
    margin-bottom:1.5em;
}

.tbxEditPassword {

    margin-left:1em;
    width:15em;

}

.tbxEditUserTestgroup {

    margin-left:1em;
    width:15.4em;

}

.tbCreateTestGroup, .tbxEditTestGroup {

    width:25em;

}

.ddlEditTestGroup {

    width: 20em;

}



.tbDescription, .tbEditDescription {

    margin-left:2.5em;
    width:25em;
    margin-bottom:1.5em;
    height:13em;

}

.lbxSearchUser {

    margin-top:1.5em;
    height:315px;
    width:200px;

}


.btnCreateUser, .btnCreateTestGroup, .btnSearchUser, .btnEditUser, .btnDeleteUser, .btnEditTestGroup {

    float:left;
    margin-left:2.5em;
    margin-top:1.5em;
}

.btnEditUser, .btnDeleteUser, .btnEditTestGroup {

    margin-top:0.5em;

}

.btnDeleteUser {

    margin-left:13em;

}

.btnDeleteTestGroup {

    margin-top:0.5em;
    margin-left:10.3em;

}


.divButtons {
    
    width: 80%;
    height: auto;
    margin-left: auto ;
    margin-right: auto ;
    background-color:lightgray;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;

}

.divListBoxSearchUser {

    float:left;
    margin-left: 2em;
    margin-top: 3em;
    width:200px;
    height:365px;

}

.divCreateTestGroup,  .divSearchTestGroup {

    height: 425px;
    width: 400px;
    font-family: Verdana;
    float:left;
    margin-left: 2em;
    margin-top: 2em;

}

.divCreatedUser, .divCreatedTestGroup {

    border: 1px solid;
    height: 175px;
    width: 350px;
    float:left;
    margin-left: 6em;
    margin-top: 8em;
    background-color:white;
    padding: 1em;

}

.divCreateUser, .divSearchUser {

    height: 400px;
    width: 300px;
    font-family: Verdana;
    float:left;
    margin-left: 2em;
    margin-top: 2em;

}

.divEditUser {

    height: 445px;
    width:475px;
    font-family:Verdana;
    float:left;
    margin-left:1em;
    margin-top:3em;

}

.divEditTestGroup {

    height: 445px;
    width:400px;
    font-family:Verdana;
    float:left;
    margin-left:2em;
    margin-top:3em;

}

.divMain {
    height: 1400px;
    width: 80%; 
    margin-left: auto ;
    margin-right: auto ;
    background-color:lightgray;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;

}

/*RESULT*/
.divResult {
    display: none;
    margin-top: 1em;
    background: white;
    width: 70%;
    height: auto;
    float: left;
    margin-left: 2em;
    border: 1px black solid;
    -webkit-border-radius: 0.5em; 
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    box-shadow: inset 1px 1px 1px 1px #939393;
    box-shadow: 0 3px 2px rgba(0,0,0,.2);   
}

#divSearch {
    float: left;
    width: 180px;
    height: 300px;
    margin-top: 1em;
    margin-left: 1em;
}

.divPric {
    display: none;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.divAvg {
    float: right;
    margin-top: 1em;
    background: lightgray;
    padding: 1em;  
    height: auto;
    margin-left: 2em;
    border: 1px black solid;
    -webkit-border-radius: 0.5em; 
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    box-shadow: inset 1px 1px 1px 1px #939393;
    box-shadow: 0 3px 2px rgba(0,0,0,.2);   
}

.divGrid {
    width: 360px;
    float: left;
}
.divQorGrid {
    width: 400px;
    float: left;
}
.divQorGridClass {
    display: none;
}

#divContent {
    font-family: Verdana;
    font-size: 15px;
}

#divMemoryResult, #divTMTResult, #divStroopResult, #divPricResult, #divQorResult  {
    display: none;
    float: left;
    padding-left: 1em;
    margin-bottom: 1em;
    
}
.divQorResult {
      display: none;
    float: left;
    padding-left: 1em;
    margin-bottom: 1em;
}
.divPricResult {
    display: none;
    float: left;
    padding-left: 1em;   
    margin-bottom: 1em;
}



.tbxName {
    width: 194px;
}
.lbName {
    width: 200px;
    height: 200px;
}

    .mGrid {   
        width: 100%;   
        background-color: #fff;   
        margin: 5px 0 10px 0;   
        border: solid 1px #525252;   
        border-collapse:collapse;   
    }  
    .mGrid td {   
        padding: 2px;   
        border: solid 1px #c1c1c1;   
        color: #717171;   
    }  
    .mGrid th {   
        padding: 4px 2px;   
        color: #fff;   
        background: #424242 url(grd_head.png) repeat-x top;   
        border-left: solid 1px #525252;   
        font-size: 0.9em;   
    }  
    .mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }  
    .mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }  
    .mGrid .pgr table { margin: 5px 0; }  
    .mGrid .pgr td {   
        border-width: 0;   
        padding: 0 6px;   
        border-left: solid 1px #666;   
        font-weight: bold;   
        color: #fff;   
        line-height: 12px;   
     }     
    .mGrid .pgr a { color: #666; text-decoration: none; }  
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }  
/*END OF RESULT*/
